<template>
  <div>
      <van-tabs class="tabs" title-inactive-color='#666666' title-active-color='#0099FF' color="#0099FF">
        <van-tab title-style='font-size: 0.37333rem; font-weight: bold; font-family: Arial, Helvetica, sans-serif;' to="/index/recommended" title="推荐">
          <!-- 路由占位符 -->
          <router-view></router-view>
        </van-tab>
        <van-tab title-style='font-size: 0.37333rem; font-weight: bold; font-family: Arial, Helvetica, sans-serif;' to="/index/library" title="音乐库">
          <!-- 路由占位符 -->
          <router-view></router-view>
        </van-tab>
        <van-tab title-style='font-size: 0.37333rem; font-weight: bold; font-family: Arial, Helvetica, sans-serif;' to="/index/opera" title="戏曲">
          <!-- 路由占位符 -->
          <router-view></router-view>
        </van-tab>
        <van-tab title-style='font-size: 0.37333rem; font-weight: bold; font-family: Arial, Helvetica, sans-serif;' to="/index/room" title="歌房">
          <!-- 路由占位符 -->
          <router-view></router-view>
        </van-tab>
      </van-tabs>
  </div>
</template>

<script>
export default {
  data () {
    return {
    }
  }
}
</script>

<style scoped>
</style>
